@layout("/common/_container.html"){
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal" id="areaContent">

            <input type="hidden" id="id" value="">

            <div class="row">
                <div class="col-sm-6 b-r">
                    <#input id="name" name="名称 *"/>
                </div>

                <div class="col-sm-6">
                    <#input id="pName" name="上级 *" underline="true"
                    hidden="pid" readonly="readonly"
                    clickFun="AreaInfoDlg.showParentTree(); return false;"
                    style="background-color: #ffffff !important;"
                    selectFlag="true" selectId="parentTreeDiv" selectTreeId="parentTree"
                    selectStyle="width:244px !important;"/>

                </div>
            </div>

            <!-- 父级部门的选择框 -->
            <div id="parentAreaMenu" class="menuContent"
                 style="display: none; position: absolute; z-index: 200;">
                <ul id="parentAreaMenuTree" class="ztree tree-box" style="width: 245px !important;"></ul>
            </div>

            <div class="row btn-group-m-t">
                <div class="col-sm-10">
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="AreaInfoDlg.addSubmit()"/>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="AreaInfoDlg.close()"/>
                </div>
            </div>
        </div>
        <p1>区域结构说明：1、先添加大区域，上级选择顶级； 例：华北区 --顶级；
                       2、再添加 省份，上级选择刚刚添加的区域；例：华北区--山西省；
                       3、再添加 市，上级选择刚刚添加的省份；例：华北区--山西省--太原市；
                       根据实际情况可以添加更详细的地址。</p1>
    </div>
</div>
<script src="${ctxPath}/static/modular/customer/area/area_info.js"></script>
@}
